<template>
	<view>
	
		<scroll-view scroll-x class="slv">
			<view v-for="(item,index) in 100" :key="item" 
			class="box">
				<view>{{item}}</view>
			</view>
      <scroll-view scroll-y=""></scroll-view>
		</scroll-view>
	</view>
</template>

<script setup>


</script>

<style lang="less">
	.slv {
		height: 50px;
		width: 100%;
		background-color: aquamarine;
		white-space: nowrap;//一定要设置，防止换行
	}

	.box {
		height: 100%;
		width: 80px;
		display: inline-block;//在同一个行排列，尺寸根据设置的宽高决定
		margin: 5px;
		background-color: antiquewhite;
	}


</style>